<template>
  <view>
    <view @click="goDetail(item)" :key="index1" v-for="(item, index1) in list">
      <view class="ul">
        <view class="content">
          <view class="name">
            {{ item.realname }}

            <view class="infor">
         
              {{ item.work_years }}年工龄

            </view>

            <view class="tag">
              <u-icon
                class="icon"
                name="account-fill"
                color="#2979ff"
                size="15"
              ></u-icon>
              {{ item.personStruct  }}
            </view>
						<view v-if="item.team_num">人数：{{item.team_num}}</view>
          </view>

          <view class="local">
            期望工作地：{{ item.expect_province }}{{ item.expect_city
            }}{{ item.expect_district }}
          </view>
          <view class="labels">
            <u-tag
              class="tags"
              :key="index"
              v-for="(item, index) in item.labels"
              :text="item.name"
              plain
              size="mini"
            ></u-tag>
          </view>
          <view class="tips">
						 <u-tag
            class="tag"
              :key="index"
              v-for="(item, index) in item.cate"
              :text="item.name"
              plain
              size="mini"
            ></u-tag>
					</view>
          <view class="addr">
            <view>
              <u-icon class="map" name="map-fill" color="#2878FF"></u-icon>
              <text class="ssq"
                >{{ item.curr_province }}{{ item.curr_city
                }}{{ item.curr_district }}
              </text>
            </view>
            <view class="ago">
              <u-icon class="map" name="eye"></u-icon>
              {{ item.view_count == null ? 0 : item.view_count }}</view
            >
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: ["list"],
  data() {
    return {
      options2: [],
    };
  },
  methods: {
    
    goDetail(item) {
      uni.navigateTo({
        url: "/package/pages/findWorkers/detail?workerId=" + item.id,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.tag{
	margin-right: 5px;
}
.ul {
  position: relative;
  overflow: hidden;
  display: flex;
  background: #fff;
  padding: 8px 10px;
  border-bottom: 5px solid #f4f4f4;

  .photo {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    .img {
      width: 40px;
      height: 40px;
      border: 2px solid #f4f4f4;
      border-radius: 50%;
      display: block;
    }

    .rz {
      display: block;
      width: 40px;
      height: 40px;
    }
  }
  .ssq {
    font-size: 12px;
  }
  .content {
    flex: 1;

    .name {
      display: flex;
      align-items: center;
      font-size: 14px;
      color: #333333;
      font-weight: bold;

      .tag {
        .icon {
          margin-right: 3px;
        }

        padding: 1px 5px;
        background: #f6f7fb;
        font-size: 10px;
        margin-left: 5px;
        font-weight: normal;
      }
    }

    .infor {
      font-size: 12px;
      color: #808080;
      padding: 0 5px;
    }

    .local {
      padding: 5px 0 0 0;
      font-size: 12px;
      color: #606266;
      margin-top: 10px;
    }

    .labels {
      padding: 5px 0;

      .tags {
        margin-right: 8px;
        background-color: #f6f7fb;
        color: #545559;
        border: 1px solid #f6f7fb;
        margin-bottom: 5px;
      }
    }

    .tips {
      font-size: 13px;
      color: #999999;
      margin-bottom: 8px;
      color: #000;
      margin-bottom: 10px;
    }

    .addr {
      width: 100%;
      display: flex;

      align-items: center;
      justify-content: space-between;
      font-size: 22 rpx;
      color: #999999;

      .map {
        margin-right: 8 rpx;
      }

      .ago {
        color: #c3c3c3;
        font-size: 10px;
      }
      margin-top: 20px;
    }
  }
}
</style>
